<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <script type="text/javascript" src="<%=request.getContextPath()%>/hotel/js/calendar.js"></script>
  <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/hotel/style/style.css"></link>
  <style type="text/css">
    form {
      margin: 5px 0;
      max-width: 420px;
      margin-left: auto;
      margin-right: auto;
      font-family: "微软雅黑", Arial, sans-serif;
    }

    fieldset {
      padding: 0 1em 1em 1em;
      margin: 1em auto;
      width: 400px;
      border: 1px solid #ccc;
      border-radius: 6px;
    }

    legend {
      padding: 0.5em 1em;
      font-weight: bold;
      color: #409EFF;
    }

    fieldset div {
      margin: 10px 0;
      overflow: hidden; /* 清除浮动 */
    }

    label {
      float: left;
      width: 100px;
      font-weight: 600;
      color: #333;
      line-height: 28px;
    }

    #content div input {
      width: 200px;
      padding: 6px 8px;
      font-size: 14px;
      border: 1px solid #ccc;
      border-radius: 4px;
      transition: border-color 0.3s ease;
    }

    #content div input:focus {
      border-color: #409EFF;
      outline: none;
    }

    fieldset.buttons {
      border: none;
      text-align: center;
      margin-top: 20px;
    }

    input[type="submit"] {
      background-color: #409EFF;
      color: white;
      border: none;
      padding: 10px 28px;
      font-size: 16px;
      border-radius: 6px;
      cursor: pointer;
      transition: background-color 0.3s ease;
    }

    input[type="submit"]:hover {
      background-color: #66b1ff;
    }

    span {
      color: red;
      margin-left: 100px;
      display: inline-block;
      font-size: 13px;
      margin-top: 3px;
    }

  </style>
  <title>新建订单</title>
</head>
<body>
<div id="container">
  <div id="header">
    <ul>
      <li><a href="#">帮助</a></li>
    </ul>
  </div>
  <div id="menu">
    <ul>
      <li><a href="<%=request.getContextPath()%>/hotel/index.jsp">首页</a></li>
      <li><a href="<%=request.getContextPath()%>/list.book">图书列表</a></li>
      <li><a href="<%=request.getContextPath()%>/list.subscription">会员中心</a></li>
    </ul>
  </div>
  <div id="content">
    <form action="<%=request.getContextPath()%>/register.member" method="post">
      <fieldset>
        <legend>登录信息[必选]</legend>
        <div>
          <label for="username">用户名</label>
          <input type="text" name="username" id="username" />
          <%
              String msg=(String)request.getAttribute("msg");
              if(msg!=null){
          %>
          <br><span style="color: red;"><%=msg%></span>
          <%
            }
          %>
        </div>
        <div>
          <label for="password">密码</label>
          <input type="text" name="pwd" id="password" />
        </div>
        <div>
          <label for="repassword">重复密码</label>
          <input type="text" name="repassword" id="repassword" />
        </div>
      </fieldset>
      <fieldset>
        <legend>联系信息[可选]</legend>
        <div>
          <label for="name">联系人</label>
          <input type="text" name="name" id="name"/>
        </div>
        <div>
          <label for="phone">联系电话</label>
          <input type="text" name="phone" id="phone"/>
        </div>
        <div>
          <label for="email">电子邮件</label>
          <input type="text" name="email" id="email"/>
        </div>
      </fieldset>
      <fieldset class="buttons">
        <input type="submit" value="注册" />
      </fieldset>
    </form>
  </div>
  <hr />
  <div id="footer">
  </div>
</div>
</body>
</html>